<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>资讯要闻</title>
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta http-equiv="Content-Type" charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="../css/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="../css/common.css"/>
    <link rel="stylesheet" type="text/css" href="../css/footer.css"/>
    <link rel="stylesheet" type="text/css" href="../css/infor_index.css"/>
    <script src="../js/jquery.js"></script>
    <script src="../js/swiper.min.js"></script>
    <script src="../js/avalon.js"></script>
    <script src="../js/common.js"></script>
    <script src="../js/widget.js"></script>
    <script src="../js/infor_index.js"></script>
</head>
	<body ms-controller="root">
		<div class="top">资讯</div>
		<div class="banner">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img class="banner_img" src="../img/test1.jpg" />
					</div>
					<div class="swiper-slide">
						<img class="banner_img" src="../img/test1.jpg" />
					</div>
					<div class="swiper-slide">
						<img class="banner_img" src="../img/test1.jpg" />
					</div>
				</div>
				<!-- Add Pagination -->
				<div class="swiper-pagination"></div>
			</div>
		</div>
		<div class="nav_btn hidden">
			<div class="w25 fl">
				<a href="/trade/mock_trade">
					<div class="info_btn mnjy"></div>
					<div class="tc f12 color_ef">模拟交易</div>
				</a>
			</div>
			<div class="w25 fl">
				<a href="/user/toMyuser">
					<div class="info_btn tgzq"></div>
					<div class="tc f12 color_ef">推广赚钱</div>
				</a>
			</div>
			<div class="w25 fl">
				<a href="/message/index">
					<div class="info_btn xxtz"></div>
					<div class="tc f12 color_ef">消息通知</div>
				</a>
			</div>
			<div class="w25 fl">
				<#--<a href="javascript:void(0);">-->
				<a href="/put/aa">
					<div class="info_btn zxkf"></div>
					<div class="tc f12 color_ef">咨询客服</div>
				</a>
			</div>
		</div>
		<#list list as news>
			<div class="infor_list hidden" onclick="javascript:window.location.href='/news/index?id='+'${news.id}';">
                <div class="infor_item w60 fl">
                    <div class="color_ef f14">${news.name}</div>
                    <div class="f10 color999 mt20">${news.newstime?string("yyyy-MM-dd HH:mm:ss")}</div>
                </div>
				<#if news.id==1>
					<div class="w40 fl infor_pic" style="background-image: url(http://p1.ifengimg.com/fck/2018_20/aa0e9c536bb7846_w928_h642.jpg);background-size:contain">

                    </div>
				</#if>
				<#if news.id==2>
					<div class="w40 fl infor_pic" style="background-image: url(http://p0.ifengimg.com/pmop/2018/0514/F1B3364D4C1233DF27E61721F2616D620999A8E6_size155_w582_h313.png);background-size:contain">

                    </div>
				</#if>
				<#if news.id==3>
					<div class="w40 fl infor_pic" style="background-image: url(http://p1.ifengimg.com/fck/2018_20/7b7fd8ab431cdd0_w558_h651.jpg);background-size:contain">

                    </div>
				</#if>
				<#if news.id==4>
					<div class="w40 fl infor_pic" style="background-image: url(https://z1.dfcfw.com/2018/5/15/201805150035542102498629.jpg);background-size:contain">

                    </div>
				</#if>
            </div>
		</#list>
        <br>
        <br>
        <br>
		<div ms-include-src="'../fragment/footer.html'"></div>
	</body>
<script>
    var swiper = new Swiper('.swiper-container', {
        centeredSlides: true,
        autoplay: {
            delay: 2500,
            disableOnInteraction: false,
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
    });
</script>
</html>
